<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>日志管理</title>
	<meta name="renderer" content="webkit">	
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">	
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">	
	<meta name="apple-mobile-web-app-status-bar-style" content="black">	
	<meta name="apple-mobile-web-app-capable" content="yes">	
	<meta name="format-detection" content="telephone=no">
	<link rel="stylesheet" href="layui/css/layui.css">
	<link rel="stylesheet" href="css/contabs.min.css" >
	<link rel="stylesheet" href="css/contabs_font.css" >
	<script src="layui/layui.js"></script>
	<script src="js/jquery-1.11.1.min.js"></script>
	<link rel="stylesheet" type="text/css" href="css/manage_keji.css">
	<script type="text/javascript" src="js/form.js"></script>
	<script type="text/javascript" src="js/time.js"></script>
</head>
<body>
<div class="section_mian">
	<!-- 列表页 -->
	<div class="larry-personal">
		<div class="layui-tab">
			<!-- 筛选 -->
			<form class="layui-form" action="">
				<!-- 下拉选择 -->
				<div class="layui-form-item" style="display:inline-block;">
					<div class="layui-inline">
						<label class="layui-form-label">关键字:</label>
						<div class="layui-input-inline" style="width:200px">
							<input value="" placeholder="请输入关键字" class="layui-input search_input" type="text">
						</div>
					</div>
				</div>
				<!-- 下拉选择结束 -->
					<!-- 日期范围选择 -->
					<div class="layui-form-item" style="display:inline-block">
						<div class="layui-inline">
							<label class="layui-form-label">日期范围:</label>
							<div class="layui-input-inline">
								<input type="text" class="layui-input" id="test6" placeholder=" 请选择 ">
							</div>
						</div>
					</div>
					<!-- 日期范围选择结束 -->
					<a class="layui-btn search_btn btn_color_lanse" style="margin-left:10px">查询</a>
			</form>
			<!-- 功能区域 -->
			<blockquote class="layui-elem-quote news_search">
				<div class="layui-inline"><a class="layui-btn btn_color_lanse" id="log_shezi">日志设置</a></div>
				<div class="layui-inline"><a class="layui-btn btn_color_hongse">批量删除</a></div>
				<div class="layui-inline"><a class="layui-btn btn_color_lvse">批量导出</a></div>
			</blockquote>
			<!-- 功能区域结束 -->
			<!-- 表格开始 -->	
			<form class="layui-form">
				<table class="layui-table" >
					<thead>
						<tr>
							<th><input type="checkbox" name="" title="" lay-skin="primary"></th>
							<th>ID</th>
							<th>时间</th>
							<th>操作人</th>
							<th>模块</th>
							<th>事件</th>
							<th>IP</th>
							<th>操作</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td><input type="checkbox" name="" title="" lay-skin="primary"></td>
							<td>1</td>
							<td align="left">2018-01-01</td>
							<td>管理员</td>
							<td>用户管理</td>
							<td>添加了新用户</td>
							<td>192.168.1.108</td>
							<td>
								<a class="layui-btn layui-btn_caozuo layui-btn-xs layui-btn_shanchu">删除</a>
								<a class="layui-btn layui-btn_caozuo layui-btn-xs layui-btn_chakan">查看</a>
							</td>
						</tr>
						<tr>
							<td><input type="checkbox" name="" title="" lay-skin="primary"></td>
							<td>1</td>
							<td align="left">2018-01-01</td>
							<td>管理员</td>
							<td>用户管理</td>
							<td>添加了新用户</td>
							<td>192.168.1.108</td>
							<td>
								<a class="layui-btn layui-btn_caozuo layui-btn-xs layui-btn_shanchu">删除</a>
								<a class="layui-btn layui-btn_caozuo layui-btn-xs layui-btn_chakan">查看</a>
							</td>
						</tr>
						<tr>
							<td><input type="checkbox" name="" title="" lay-skin="primary"></td>
							<td>1</td>
							<td align="left">2018-01-01</td>
							<td>管理员</td>
							<td>用户管理</td>
							<td>添加了新用户</td>
							<td>192.168.1.108</td>
							<td>
								<a class="layui-btn layui-btn_caozuo layui-btn-xs layui-btn_shanchu">删除</a>
								<a class="layui-btn layui-btn_caozuo layui-btn-xs layui-btn_chakan">查看</a>
							</td>
						</tr>
						<tr>
							<td><input type="checkbox" name="" title="" lay-skin="primary"></td>
							<td>1</td>
							<td align="left">2018-01-01</td>
							<td>管理员</td>
							<td>用户管理</td>
							<td>添加了新用户</td>
							<td>192.168.1.108</td>
							<td>
								<a class="layui-btn layui-btn_caozuo layui-btn-xs layui-btn_shanchu">删除</a>
								<a class="layui-btn layui-btn_caozuo layui-btn-xs layui-btn_chakan">查看</a>
							</td>
						</tr>
						<tr>
							<td><input type="checkbox" name="" title="" lay-skin="primary"></td>
							<td>1</td>
							<td align="left">2018-01-01</td>
							<td>管理员</td>
							<td>用户管理</td>
							<td>添加了新用户</td>
							<td>192.168.1.108</td>
							<td>
								<a class="layui-btn layui-btn_caozuo layui-btn-xs layui-btn_shanchu">删除</a>
								<a class="layui-btn layui-btn_caozuo layui-btn-xs layui-btn_chakan">查看</a>
							</td>
						</tr>
						<tr>
							<td><input type="checkbox" name="" title="" lay-skin="primary"></td>
							<td>1</td>
							<td align="left">2018-01-01</td>
							<td>管理员</td>
							<td>用户管理</td>
							<td>添加了新用户</td>
							<td>192.168.1.108</td>
							<td>
								<a class="layui-btn layui-btn_caozuo layui-btn-xs layui-btn_shanchu">删除</a>
								<a class="layui-btn layui-btn_caozuo layui-btn-xs layui-btn_chakan">查看</a>
							</td>
						</tr>
						<tr>
							<td><input type="checkbox" name="" title="" lay-skin="primary"></td>
							<td>1</td>
							<td align="left">2018-01-01</td>
							<td>管理员</td>
							<td>用户管理</td>
							<td>添加了新用户</td>
							<td>192.168.1.108</td>
							<td>
								<a class="layui-btn layui-btn_caozuo layui-btn-xs layui-btn_shanchu">删除</a>
								<a class="layui-btn layui-btn_caozuo layui-btn-xs layui-btn_chakan">查看</a>
							</td>
						</tr>
						<tr>
							<td><input type="checkbox" name="" title="" lay-skin="primary"></td>
							<td>1</td>
							<td align="left">2018-01-01</td>
							<td>管理员</td>
							<td>用户管理</td>
							<td>添加了新用户</td>
							<td>192.168.1.108</td>
							<td>
								<a class="layui-btn layui-btn_caozuo layui-btn-xs layui-btn_shanchu">删除</a>
								<a class="layui-btn layui-btn_caozuo layui-btn-xs layui-btn_chakan">查看</a>
							</td>
						</tr>
						<tr>
							<td><input type="checkbox" name="" title="" lay-skin="primary"></td>
							<td>1</td>
							<td align="left">2018-01-01</td>
							<td>管理员</td>
							<td>用户管理</td>
							<td>添加了新用户</td>
							<td>192.168.1.108</td>
							<td>
								<a class="layui-btn layui-btn_caozuo layui-btn-xs layui-btn_shanchu">删除</a>
								<a class="layui-btn layui-btn_caozuo layui-btn-xs layui-btn_chakan">查看</a>
							</td>
						</tr>
						<tr>
							<td><input type="checkbox" name="" title="" lay-skin="primary"></td>
							<td>1</td>
							<td align="left">2018-01-01</td>
							<td>管理员</td>
							<td>用户管理</td>
							<td>添加了新用户</td>
							<td>192.168.1.108</td>
							<td>
								<a class="layui-btn layui-btn_caozuo layui-btn-xs layui-btn_shanchu">删除</a>
								<a class="layui-btn layui-btn_caozuo layui-btn-xs layui-btn_chakan">查看</a>
							</td>
						</tr>
					</tbody>
				</table>
				<!-- 分页 -->
				<div id="demo7"></div>
				<script>
				layui.use(['laypage', 'layer'], function(){
				var laypage = layui.laypage
				,layer = layui.layer;
					//完整功能
					laypage.render({
						elem: 'demo7'
						,count: 200
						,layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip']
						,jump: function(obj){
							console.log(obj)
						}
					});	
				});
				</script>
				</form>
		</div>
	</div>
	<!-- 列表页结束 -->
	<!-- 弹出页 -->
	<div class="details_main" style="display:none">
		<div class="details_box">
			<form class="layui-form">
				<!-- title -->
				<div class="details_title_main">
					<div class="details_title">
						<span>日志设置</span>
						<a id="details_guanbi"><img src="images/sys/guanbi.png"></a>
					</div>
				</div>			
				<!-- 内容 -->
				<div class="manage_text">
					<!-- 1 -->
					<div class="layui-form-item manage-form-item">
						<label class="layui-form-label manage_text_bt"><span>操作人</span></label>
						<input class="layui-input newsName manage_text_input" lay-verify="required" placeholder="" type="text" value="admin">
					</div>
					<div class="layui-form-item manage-form-item">
						<label class="layui-form-label manage_text_bt"><span>模块</span></label>
						<input class="layui-input newsName manage_text_input" lay-verify="required" placeholder="" type="text" value="用户管理">
					</div>
					<div class="layui-form-item manage-form-item">
						<label class="layui-form-label manage_text_bt"><span>事件</span></label>
						<input class="layui-input newsName manage_text_input" lay-verify="required" placeholder="" type="text" value="添加了新用户">
					</div>
					<div class="layui-form-item manage-form-item">
						<label class="layui-form-label manage_text_bt"><span>IP</span></label>
						<input class="layui-input newsName manage_text_input" lay-verify="required" placeholder="" type="text" value="192.168.1.108">
					</div>
					<!-- button -->
					<div class="layui-form-item manage-form-item_button">
						<div class="layui-input-block">
							<button class="layui-btn btn_color_lanse" id="log_baochun">确认提交</button>
							<button class="layui-btn layui-btn-primary" id="log_fanhui">返回上级</button>
						</div>
					</div>
				</div>
			</form>
		</div>
	</div>
	<script type="text/javascript">
		$(document).ready(function(){
		$('#log_shezi').click(function(){
			$('.details_main').show();
			});
		$('.layui-btn_chakan').click(function(){
			$('.details_main').show();
			});
		$('#log_shezi').click(function(){
			$('.details_main').show();
			});
		$('#details_guanbi').click(function(){
			$('.details_main').hide();
			});
		$('#log_baochun').click(function(){
			$('.details_main').hide();
			});
		$('#log_fanhui').click(function(){
			$('.details_main').hide();
			});
		});
	</script>
	<!-- 弹出页结束 -->	
</div>
</body>
</html>